<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Add list</title>
</head>
<body>
<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">ToDoList</h1>
</header>
<div class="mui-content">
    <div class="mui-content-padded" >
        <p>Please Choose Tag#1</p>
        <select ms-duplex="select1">
            <option ms-repeat="Tag1">{{el}}</option>
        </select>
        <p>Please Choose Tag#2</p>
        <select ms-duplex="select2">
            <option ms-repeat="Tag2">{{el}}</option>
        </select>
        <p>Please Input Description</p>
        <textarea name="list1" rows="2" cols="" ms-duplex="txt"></textarea>
        <button ms-click="add" class="mui-btn mui-btn-green mui-btn-block">Add Todos</button>
        <button ms-click="deleteall" class="mui-btn mui-btn-red mui-btn-block">Clear Selection</button>

    </div>
</div>
</body>
</body>
</html>